<!doctype html>
<!--
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html ng-controller="MainCtrl" class="no-js">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="utf-8" />
    <title ng-bind="$root.pageTitle">Zeppelin</title>
    <!-- disable caches for all browser -->
    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="cache-control" content="no-store" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
    <meta http-equiv="pragma" content="no-cache" />

    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width" />

    <!-- ACE CSS autocomplition issue workarounds -->
    <style type="text/css">
       div.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line { z-index: -1 !important; }
    </style>

    <link rel="apple-touch-icon" href="apple-touch-icon.png" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <!-- build:css(.) styles/vendor.css -->
    <!-- bower:css -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="bower_components/nvd3/build/nv.d3.css" />
    <link rel="stylesheet" href="bower_components/perfect-scrollbar/src/perfect-scrollbar.css" />
    <link rel="stylesheet" href="bower_components/ng-sortable/dist/ng-sortable.css" />
    <link rel="stylesheet" href="bower_components/angular-xeditable/dist/css/xeditable.css" />
    <link rel="stylesheet" href="bower_components/highlightjs/styles/github.css" />
    <link rel="stylesheet" href="bower_components/ngtoast/dist/ngToast.css" />
    <link rel="stylesheet" href="bower_components/bootstrap3-dialog/dist/css/bootstrap-dialog.min.css" />
    <!-- endbower -->
    <link rel="stylesheet" href="bower_components/jquery-ui/themes/base/jquery-ui.css" />
    <link rel="stylesheet" href="bower_components/select2/dist/css/select2.css" />
    <!-- endbuild -->
    <!-- build:css(.tmp) styles/main.css -->
    <link rel="stylesheet" href="components/navbar/navbar.css" />
    <link rel="stylesheet" href="app/home/home.css" />
    <link rel="stylesheet" href="app/search/search.css" />
    <link rel="stylesheet" href="app/notebook/notebook.css" />
    <link rel="stylesheet" href="app/notebook/paragraph/paragraph.css" />
    <link rel="stylesheet" href="app/notebook/paragraph/result/result.css" />
    <link rel="stylesheet" href="app/notebook/paragraph/result/display-table.css" />
    <link rel="stylesheet" href="app/jobmanager/jobmanager.css" />
    <link rel="stylesheet" href="app/interpreter/interpreter.css" />
    <link rel="stylesheet" href="app/helium/helium.css" />
    <link rel="stylesheet" href="app/credential/credential.css" />
    <link rel="stylesheet" href="app/configuration/configuration.css" />
    <link rel="stylesheet" href="fonts/font-awesome.min.css" />
    <link rel="stylesheet" href="fonts/simple-line-icons.css" />
    <link rel="stylesheet" href="fonts/custom-font.css" />
    <link rel="stylesheet" href="fonts/google-fonts.css" />
    <!-- endbuild -->
    <link rel="stylesheet" ng-href="assets/styles/looknfeel/{{looknfeel}}.css" />
    <link rel="stylesheet" href="assets/styles/printMode.css" />
    <style>

      /* This is kept here puropsly to show preloader */
      #pre-loader {
        height: 100%;
        min-height: 100%;
        background-color: #ECF0F1;
        width: 100%;
        position: fixed;
        top: 0px;
        margin-left: -8px;
        z-index: 99
      }

      .pre-loader-content {
        position: absolute;
        top: 45%;
        left: 50%
      }

      .loader {
        border: 4px solid #666666;
        border-top: 4px solid #3071A9;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }
    </style>
  </head>
  <body ng-class="{'bodyAsIframe': asIframe}">
  <div id="pre-loader">
    <div class="pre-loader-content">
      <div class="loader"></div>
      <div style="margin-top: 5px; margin-left: -10px;">Loading ...</div>
    </div>
  </div>
    <!--[if lt IE 7]>
    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <toast></toast>
    <div ng-include src="'components/navbar/navbar.html'"></div>
    <!-- Add your site or application content here -->
    <div id="main" class="container">
      <div ng-view></div>
    </div>
    <!-- global :: dialogs -->
    <div ng-include src="'app/notebook/shortcut.html'"></div>
    <div ng-controller="NoteCreateCtrl as noteCreateCtrl">
      <div id="note-modal-container" ng-include src="'components/note-create/note-create.html'"></div>
    </div>
    <div ng-controller="NoteImportCtrl as noteImportCtrl">
      <div id="note-import-container" ng-include src="'components/note-import/note-import.html'"></div>
    </div>
    <div ng-controller="LoginCtrl">
      <div id="login-container" ng-include src="'components/login/login.html'"></div>
    </div>
    <div ng-controller="NoteRenameCtrl">
      <div ng-include src="'components/note-rename/note-rename.html'"></div>
    </div>
    <!-- build:js(.) scripts/oldieshim.js -->
    <!--[if lt IE 9]>
    <script src="bower_components/es5-shim/es5-shim.js"></script>
    <script src="bower_components/json3/lib/json3.min.js"></script>
    <![endif]-->
    <!-- endbuild -->

    <script type="text/x-mathjax-config">
      var config = {
        extensions: ["tex2jax.js"],
        jax: ["input/TeX", "output/HTML-CSS"],
        tex2jax: {
          inlineMath: [ ["\\(","\\)"] ],
          displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
          processEscapes: true
        },
        "HTML-CSS": { availableFonts: ["TeX"] },
        messageStyle: "none"
      }
      // add root only if it's not dev mode
      if (Number(location.port) !== WEB_PORT) {
        config.root = '.';
      }
      MathJax.Hub.Config(config);
    </script>

    <!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/json3/lib/json3.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-touch/angular-touch.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="bower_components/angular-websocket/angular-websocket.min.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/ace.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-scala.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-kotlin.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-python.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-sql.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-markdown.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-pig.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-sh.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-r.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-sparql.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/keybinding-emacs.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/ext-language_tools.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/theme-chrome.js"></script>
    <script src="bower_components/ace-builds/src-noconflict/mode-javascript.js"></script>
    <script src="bower_components/angular-ui-ace/ui-ace.js"></script>
    <script src="bower_components/jquery.scrollTo/jquery.scrollTo.js"></script>
    <script src="bower_components/d3/d3.js"></script>
    <script src="bower_components/nvd3/build/nv.d3.js"></script>
    <script src="bower_components/jquery-ui/jquery-ui.js"></script>
    <script src="bower_components/angular-dragdrop/src/angular-dragdrop.js"></script>
    <script src="bower_components/perfect-scrollbar/src/perfect-scrollbar.js"></script>
    <script src="bower_components/ng-sortable/dist/ng-sortable.js"></script>
    <script src="bower_components/angular-elastic/elastic.js"></script>
    <script src="bower_components/angular-elastic-input/dist/angular-elastic-input.min.js"></script>
    <script src="bower_components/angular-xeditable/dist/js/xeditable.js"></script>
    <script src="bower_components/highlightjs/highlight.pack.js"></script>
    <script src="bower_components/lodash/lodash.js"></script>
    <script src="bower_components/angular-filter/dist/angular-filter.js"></script>
    <script src="bower_components/ngtoast/dist/ngToast.js"></script>
    <script src="bower_components/ng-focus-if/focusIf.js"></script>
    <script src="bower_components/bootstrap3-dialog/dist/js/bootstrap-dialog.min.js"></script>
    <script src="bower_components/select2/dist/js/select2.js"></script>
    <script src="bower_components/MathJax/MathJax.js"></script>
    <script src="bower_components/clipboard/dist/clipboard.js"></script>
    <script src="bower_components/ngclipboard/dist/ngclipboard.js"></script>
    <script src="bower_components/jsdiff/diff.js"></script>
    <script src="bower_components/ngInfiniteScroll/build/ng-infinite-scroll.js"></script>
    <script src="bower_components/jszip/dist/jszip.js"></script>
    <script src="bower_components/excel-builder-js/dist/excel-builder.dist.js"></script>
    <!-- endbower -->
    <!-- endbuild -->
  </body>
</html>
